<template>
    <detailBottom v-if="adPlaceId" :detail='details' :id="adPlaceId" :type='1'/>
</template>
<script>
import {reactive,toRefs, onMounted,getCurrentInstance } from 'vue'
import { useStore } from 'vuex'
import {useRoute} from 'vue-router'
import detailBottom from '../components/adDetail/detailBottom.vue'
export default {
    components:{
        detailBottom
    },
    setup(){
        const store = useStore()
        const {proxy} = getCurrentInstance()
         const route = useRoute()
        const state = reactive({
            adPlaceId:'',
            details:''
        })
        onMounted(()=>{
            state.adPlaceId =route.params.id
        })
        return {
            ...toRefs(state)
        }
    }
}
</script>

<style lang="scss" scoped>
</style>